<template>
  <el-card>
    <avue-crud
      ref="crudRef"
      v-model="tableForm"
      :option="option"
      v-model:page="page"
      :table-loading="tableLoading"
      @row-save="rowSave"
      @row-update="rowUpdate"
      @row-del="rowDel"
      @refresh-change="loadData(1)"
      @search-reset="searchChange"
      @search-change="searchChange"
      @on-load="loadData(1)"
      :data="tableData"
    />
  </el-card>
</template>
<script setup lang="ts">
import { DeviceApi } from "@/api/device";
import { useAvueTableMixin } from "@/mixins/avueTableMixin";
const {
  tableForm,
  page,
  tableLoading,
  tableData,
  params,
  staticParams,
  loadData,
  rowSave,
  rowUpdate,
  rowDel,
  searchChange,
} = useAvueTableMixin(DeviceApi);
const option = ref();
</script>
<style lang="scss" scoped></style>
